<!doctype html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>IW-FE-收藏</title>
    <link href="/static/css/icon.css" rel="stylesheet">
    <link href="/static/css/material.min.css" rel="stylesheet">
    <link href="/static/css/styles.css" rel="stylesheet">
    <link href="/static/css/main.css" rel="stylesheet">
  </head>

  <body class="mdl-demo mdl-color--grey-100 mdl-color-text--grey-700 mdl-base iw">
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
      <header class="mdl-layout__header mdl-layout__header--scroll mdl-color--primary"> </header>
      <main class="mdl-layout__content">
        <div class="mdl-layout__tab-panel is-active" id="collects">
          
          <section class="section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
            <div class="mdl-card mdl-cell mdl-cell--12-col">
              <div class="mdl-card__supporting-text">
                <h4>如何成为一名卓越的前端工程师</h4>
                看过之后非常有感触，很多观点都是自己长期非常坚持和认同的，所以翻译出来分享给更多的前端同学！
              </div>
              <div class="mdl-card__actions">
                <a href="http://jiongks.name/blog/how-to-become-a-great-front-end-engineer/" class="mdl-button">传送门</a>
              </div>
            </div>
          </section>
          
        </div>
      </main>
      <footer class="mdl-mega-footer"></footer>
    </div>
    
    <script src="/static/js/libs/jquery.js"></script>
    <script src="/static/js/libs/template.js"></script>
    
    <script src="/static/js/server.js"></script>
    <script src="/static/js/main.js"></script>
    <script src="/static/js/module/module.app.js"></script>
    <script type="text/javascript">
        app.collectionPage.init();
    </script>
  </body>
</html>
